<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>首页-index.html</title>
    <link rel="stylesheet" type="text/css" href="css/basic.css" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />
    <!-- <script type="text/javascript" src="js/jquery-1.8.1.min.js"></script> -->
    <!-- <script type="text/javascript" src="js/jquery.cycle.all.js"></script> -->
    <!-- 导入模板引擎js文件 -->
    <script src="./libs/template-web.js"></script>
    <script src="./libs/jquery-1.12.4.min.js"></script>
    <!-- 导入bootstrap的js文件 -->
    <script src="./libs/bootstrap/js/bootstrap.min.js"></script>
    <!-- bootstrap.bundle.min.js 用于弹窗、提示、下拉菜单，包含了 popper.min.js -->
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="js/api.js"></script>
  </head>
  <body>
    <header>
      <div class="header">
        <div class="top">
          <div class="top_con">
            <div
              class="weixin"
              id="weixin"
              onMouseOver="show_weixin()"
              onMouseOut="hide_weixin()"
            >
              <img alt="微信" src="images/weixin.png" align="absmiddle" />
              <div class="weixin_con" id="weixin_con" style="display: none">
                <img src="images/contact_weixin.gif" alt="微信二维码" />
              </div>
            </div>
            <div class="weibo">
              <a
                href="http://weibo.com/szfangwei"
                rel="noFollow"
                target="_blank"
                ><img alt="微博" src="images/xinlang.png" align="absmiddle"
              /></a>
            </div>
            <div class="tel">咨询热线：400 800 9385</div>
            <div class="mail">咨询邮箱：sales@123.cn</div>
            <div class="clear"></div>
          </div>
        </div>
        <div class="head_bg">
          <div class="head">
            <div class="logo fl">
              <h1>
                <a href="index.html"
                  ><img
                    alt="湖北睿游网络科技有限公司"
                    src="images/logo.png"
                    width="150px"
                    height="56px"
                /></a>
              </h1>
            </div>
            <div class="menu fr">
              <nav>
                <ul>
                  <li><a id="menu1" href="index.html">网站首页</a></li>
                  <li><a id="menu2" href="about.html">关于</a></li>
                  <li><a id="menu3" href="cases.html">成功案例</a></li>
                  <li><a id="menu8" href="contact.html">联系我们</a></li>
                </ul>
                <div class="clear"></div>
              </nav>
            </div>
          </div>
        </div>
      </div>
    </header>
    <script type="text/javascript">
      document.getElementById("menu1").className = "a1";
    </script>
    <div class="contain index_header">
      <!-- id="wrapper" -->
      <div
        id="carousel-example-generic"
        class="carousel slide"
        data-ride="carousel"
      >
        <!-- 指引 -->
        <ol class="carousel-indicators">
          <li
            data-target="#carousel-example-generic"
            data-slide-to="0"
            class="active"
          ></li>
          <li data-target="#carousel-example-generic" data-slide-to="1"></li>
          <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol>
        <div id="home-slider" class="home-slider carousel-inner" role="listbox">
          <div class="slider-item item active">
            <img
              alt=""
              style="width: 100%; height: 480px"
              src="images/1389083288.jpg"
            />
          </div>
          <div class="slider-item item">
            <img
              alt=""
              style="width: 100%; height: 480px"
              src="images/1389083308.jpg"
            />
          </div>
          <div class="slider-item item">
            <img
              alt=""
              style="width: 100%; height: 480px"
              src="images/1389083323.jpg"
            />
          </div>
        </div>

        <div class="design_box">
          <div class="design" id="home-slider-nav">
            <dl
              data-target="#carousel-example-generic"
              data-slide-to="0"
              class="active"
              onMouseOver="banner_hover(0)"
            >
              <dt>设计创意</dt>
              <dd class="design_dd">
                界面设计是网站的灵魂，是抓住用户眼球的第一要素。良好界面、强大的后台支持。
              </dd>
            </dl>
            <dl
              data-target="#carousel-example-generic"
              data-slide-to="1"
              class="design_center"
              onMouseOver="banner_hover(1)"
            >
              <dt>客户服务</dt>
              <dd class="design_dd">
                为客户提供良好的服务，并考虑客户的实际情况，为客户提供个性化的、最适合您的服务。
              </dd>
            </dl>
            <dl
              data-target="#carousel-example-generic"
              data-slide-to="2"
              onMouseOver="banner_hover(2)"
            >
              <dt>执行效率</dt>
              <dd class="design_dd">
                拒绝拖拉让您放心，做一个按时、高质、高效的行业典范企业。
              </dd>
            </dl>
            <div class="clear"></div>
          </div>
        </div>
        <!-- 左右切换按钮 -->
        <!-- <a class="carousel-control-prev" href="#demo" data-slide="prev">
          <span class="carousel-control-prev-icon"></span>
        </a>
        <a class="carousel-control-next" href="#demo" data-slide="next">
          <span class="carousel-control-next-icon"></span>
        </a> -->
        <a
          class="left carousel-control"
          href="#carousel-example-generic"
          role="button"
          data-slide="prev"
        >
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        </a>
        <a
          class="right carousel-control"
          href="#carousel-example-generic"
          role="button"
          data-slide="next"
        >
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
        </a>
      </div>

      <div class="service_bg">
        <div class="service">
          <dl
            class="service01"
            onClick="document.location='/WebDesign/'"
            onMouseOver="this.className='service_hover service01'"
            onMouseOut="this.className='service01'"
          >
            <dt>
              <h1 style="font-size: 16px">
                <a href="/WebDesign/">网站建设一条龙服务</a>
              </h1>
            </dt>
            <dd>策划、设计、制作、推广</dd>
          </dl>
          <dl
            class="service02"
            onClick="document.location='/mobile/'"
            onMouseOver="this.className='service_hover service02'"
            onMouseOut="this.className='service02'"
          >
            <dt>
              <a href="mobile.html">手机+微信网站建设</a>
            </dt>
            <dd>助你迅速全方位占领移动手机平台</dd>
          </dl>
          <dl
            class="service03"
            onClick="document.location='/service/'"
            onMouseOver="this.className='service_hover service03'"
            onMouseOut="this.className='service03'"
          >
            <dt>
              <a href="service.html">主机、域名、邮箱</a>
            </dt>
            <dd>稳定、高速、全能</dd>
          </dl>
          <dl
            class="service04"
            onClick="document.location='/service/'"
            onMouseOver="this.className='service_hover service04'"
            onMouseOut="this.className='service04'"
          >
            <dt>
              <a href="service.html">网站改版、网站维护</a>
            </dt>
            <dd>让你网站更健康、更安全、更高效</dd>
          </dl>
          <div class="clear"></div>
        </div>
      </div>
    </div>
    <div class="content">
      <div class="cases">
        <div class="content_title">
          <div class="content_title3">
            <a class="title_ch" href="cases.html">经典案例</a>
            <span class="title_en">classic cases</span>
          </div>
        </div>
        <div class="cases_dl" init="false">
          <dl>
            <dt>
              <a href="/cases/75.html"
                ><img
                  class="img_case"
                  alt="磨房网站"
                  src="images/1386913312.jpg"
                  width="380px"
                  height="235px"
              /></a>
            </dt>
            <dd class="cases_name">磨房网站</dd>
            <dd class="cases_int">
              磨房网站的主题是自助旅行和户外运动，提供论坛、圈子、活动约伴、相册、二手装备交易等
              ...
            </dd>
          </dl>
          <dl class="cases_center">
            <dt>
              <a href="/cases/53.html"
                ><img
                  class="img_case"
                  alt="欧杰酒业-商城"
                  src="images/1414983025.jpg"
                  width="380px"
                  height="235px"
              /></a>
            </dt>
            <dd class="cases_name">欧杰酒业-商城</dd>
            <dd class="cases_int">
              欧杰酒业总公司在香港，致力于发展大陆和香港的葡萄酒网上销售服务。特与网络联合开
              ...
            </dd>
          </dl>
          <dl>
            <dt>
              <a href="/cases/157.html"
                ><img
                  class="img_case"
                  alt="魔派广告机"
                  src="images/1421387685.jpg"
                  width="380px"
                  height="235px"
              /></a>
            </dt>
            <dd class="cases_name">魔派广告机</dd>
            <dd class="cases_int">
              州魔派电子科技有限公司是集产品研发、生产、销售、服务于一体的多元化高科技公司，多年
              ...
            </dd>
          </dl>
          <div class="clear"></div>
        </div>
      </div>
      <div class="news_bg">
        <div class="news">
          <div class="content_title">
            <div class="content_title4">
              <a class="title_ch" href="news.html">新闻资讯</a>
              <span class="title_en">News</span>
            </div>
          </div>
          <div class="news_con">
            <div class="news_con_left">
              <dl>
                <dt>
                  <div class="news_title fl">
                    <a href="news_detail.html" target="_blank"
                      >【再签】中国建设银行-深圳分行</a
                    >
                  </div>
                  <div class="news_date fr"></div>
                  <div class="clear"></div>
                </dt>
                <dd>
                  <a href="news_detail.html" target="_blank">
                    热烈祝贺网络和建行银行深圳分行再度合作，经过一年多的合作双方配合默契，双方已经进行了多次的合作，前期项目经过深圳分行的
                    ...</a
                  >
                </dd>
              </dl>
              <dl>
                <dt>
                  <div class="news_title fl">
                    <a href="/news/2493.html" target="_blank"
                      >【签约】深圳市侨商投资管理有限公司</a
                    >
                  </div>
                  <div class="news_date fr"></div>
                  <div class="clear"></div>
                </dt>
                <dd>
                  <a href="/news/2493.html" target="_blank"
                    >网络和侨商投资合作其企业官网
                    公司是由深圳市九泰资本管理有限公司、深圳市侨商投资集团、深圳市福同创新基金、华润集团直
                    ...</a
                  >
                </dd>
              </dl>
              <dl style="border: none">
                <dt>
                  <div class="news_title fl">
                    <a href="/news/2492.html" target="_blank"
                      >【签约】极致兴通-官网建设</a
                    >
                  </div>
                  <div class="news_date fr"></div>
                  <div class="clear"></div>
                </dt>
                <dd>
                  <a href="/news/2492.html" target="_blank"
                    >深圳极致兴通科技有限公司是一家专业工业产品的外贸公司，首页效果图已经做出查看http://test30.szfangwei.net/gckj/index.htm
                    ...</a
                  >
                </dd>
              </dl>
            </div>
            <div class="news_con_right">
              <dl>
                <dt>
                  <div class="news_title fl">
                    <a href="/news/2491.html" target="_blank"
                      >网站建设过程中网页字体的使用规范</a
                    >
                  </div>
                  <div class="news_date fr"></div>
                  <div class="clear"></div>
                </dt>
                <dd>
                  <a href="/news/2491.html" target="_blank"
                    >字体：文字的外在形式特征。就是文字的风格，是文字的外衣。
                    字体的艺术性体现在其完美的外在形式与丰富的内涵之中。
                    字体是文化的载 ...</a
                  >
                </dd>
              </dl>
              <dl>
                <dt>
                  <div class="news_title fl">
                    <a href="/news/2490.html" target="_blank"
                      >光电行业企业网站规划设计二</a
                    >
                  </div>
                  <div class="news_date fr"></div>
                  <div class="clear"></div>
                </dt>
                <dd>
                  <a href="/news/2490.html" target="_blank"
                    >七、网站开发与后台设计要求： 1、
                    网站配色、结构和整体风格的创意方面要满足我们公司基本的VI要求，将VI和LED照明相结合，整合到
                    ...</a
                  >
                </dd>
              </dl>
              <dl style="border: none">
                <dt>
                  <div class="news_title fl">
                    <a href="/news/2489.html" target="_blank"
                      >光电行业企业网站规划设计</a
                    >
                  </div>
                  <div class="news_date fr"></div>
                  <div class="clear"></div>
                </dt>
                <dd>
                  <a href="/news/2489.html" target="_blank"
                    >光电行业企业网站网站规划方案： 一：关键字：
                    XXXXX产品、网络营销、网络品牌 二：目的：
                    通过互联网更好的展示我们公司的产品和品牌信息 ...</a
                  >
                </dd>
              </dl>
            </div>
            <div class="clear"></div>
          </div>
        </div>
      </div>
      <div class="partners">
        <div class="content_title">
          <div class="content_title2">
            <span class="title_ch">合作伙伴</span>
            <span class="title_en">partners</span>
          </div>
        </div>
        <div class="partners_table" init="false">
          <ul>
            <li>
              <img
                alt="建设银行"
                class="img_partner"
                src="images/1393928779.jpg"
              />
            </li>
            <li>
              <img
                alt="康辉旅游"
                class="img_partner"
                src="images/1393928816.jpg"
              />
            </li>
            <li>
              <img
                alt="华侨城酒店"
                class="img_partner"
                src="images/1393928851.jpg"
              />
            </li>
            <li>
              <img alt="华润" class="img_partner" src="images/1393928915.jpg" />
            </li>
            <li>
              <img
                alt="大台沟矿业"
                class="img_partner"
                src="images/1393929340.jpg"
              />
            </li>
            <li>
              <img
                alt="国微技术"
                class="img_partner"
                src="images/1393929016.jpg"
              />
            </li>
            <li>
              <img
                alt="东海航空"
                class="img_partner"
                src="images/1393929052.jpg"
              />
            </li>
            <li>
              <img
                alt="环球石材"
                class="img_partner"
                src="images/1393929842.jpg"
              />
            </li>
            <div class="clear"></div>
          </ul>
          <div class="clear"></div>
        </div>
      </div>
    </div>
    <footer>
      <div class="footer2" id="footer">
        <a name="foot"></a>
        <div class="footer_con">
          <div class="footer_dl">
            <dl>
              <dt>关于</dt>
              <dd>
                <a href="about.html">关于我们</a>
              </dd>
              <dd>
                <a href="contact.html">联系我们</a>
              </dd>
            </dl>
            <dl>
              <dt>经典案例</dt>
              <dd>
                <a href="http://www.ruiywl.cn/web2.php/">睿游网络平台</a>
              </dd>
            </dl>
            <dl>
              <dt>服务范围</dt>
              <dd>
                <a href="service.html">游戏策划</a>
              </dd>
              <dd>
                <a href="service.html">游戏研发</a>
              </dd>
              <dd>
                <a href="service.html">游戏运营</a>
              </dd>
              <dd>
                <a href="service.html">游戏维护</a>
              </dd>
            </dl>
            <dl class="footer_dl2" style="width: 340px">
              <dt>联系我们</dt>
              <dd>
                <img src="images/xinlang.png" alt="网络官方微博" />
                <a
                  href="http://weibo.com/23542345"
                  rel="noFollow"
                  target="_blank"
                  >官方微博: http://weibo.com/23542345</a
                >
              </dd>
              <dd>
                <img src="images/mail.png" alt="咨询邮箱" />
                <a href="mailto:sales@23542345.cn"
                  >咨询邮箱：568626715@qq.com</a
                >
              </dd>
              <dd>
                <img
                  src="images/tel.png"
                  alt="咨询电话"
                />咨询热线：0715-xxxxxxxx
              </dd>
              <dd><img src="images/weixin.png" alt="" />微信：ruiyou</dd>
            </dl>
            <form onsubmit="return false" id="form1" action="##" method="post">
              <dl class="footer_dl3">
                <dt>给我们留言</dt>
                <dd>
                  <input
                    name="userName"
                    class="input"
                    type="text"
                    id="userName"
                    placeholder="你的称呼（必填）"
                    value=""
                    onFocus="if(this.value='你的称呼（必填）')this.value=''"
                    onBlur="if(this.value=='')this.value=='你的称呼（必填）'"
                  />
                </dd>
                <dd>
                  <input
                    name="userMobile"
                    class="input"
                    type="number"
                    id="userMobile"
                    placeholder="你的电话（必填）"
                    value=""
                    onFocus="if(this.value='你的电话（必填）')this.value=''"
                    onBlur="if(this.value=='')this.value=='你的电话（必填）'"
                  />
                </dd>
                <dd>
                  <textarea
                    name="leaveContent"
                    id="leaveContent"
                    maxlength="150"
                    rows="7"
                    placeholder="留言内容"
                  ></textarea>
                </dd>
                <dd>
                  <input
                    type="image"
                    onclick="submitMsg()"
                    alt="提交留言"
                    src="images/submit_button.png"
                  />
                </dd>
              </dl>
            </form>
            <div class="clear"></div>
          </div>
        </div>
      </div>
      <div class="bottom">
        <div class="bottom_con">
          © 2018-2038 睿游网络 All Rights Reserved 版权所属
          湖北睿游网络科技有限公司
          <a
            href="http://www.ruiywl.cn/web2.php/"
            rel="noFollow"
            style="color: #666"
            >鄂ICP备20001388号 Copyright
          </a>
        </div>
      </div>
    </footer>
    <!-- 模态框 -->
    <div
      class="modal fade"
      id="myModal"
      tabindex="-1"
      role="dialog"
      aria-labelledby="exampleModalLabel"
    >
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button
              type="button"
              class="close"
              data-dismiss="modal"
              aria-label="Close"
            >
              <span aria-hidden="true">&times;</span>
            </button>
            <h4 class="modal-title" id="exampleModalLabel">提示</h4>
          </div>
          <div class="modal-body">提交成功！</div>
          <div class="modal-footer">
            <button type="button" class="btn btn-primary" onclick="hideModal()">
              关闭
            </button>
          </div>
        </div>
      </div>
    </div>
    <!-- 		<footer>
			<div class="footer">
				<div class="footer_con">
					<div class="footer_dl">
						<dl>
							<dt>
								关于
							</dt>
							<dd>
								<a href="about.html">关于我们</a>
							</dd>
							<dd>
								<a href="service.html">服务项目</a>
							</dd>
							<dd>
								<a href="contact.html">联系我们</a>
							</dd>
							<dd>
								<a href="/contact/pay.html">付款方式</a>
							</dd>
						</dl>
						<dl>
							<dt>
								经典案例
							</dt>
							<dd>
								<a href="/cases/list-3-1.html">企业网站</a>
							</dd>
							<dd>
								<a href="/cases/list-8-1.html">旅游网站</a>
							</dd>
							<dd>
								<a href="/cases/list-9-1.html">购物商城</a>
							</dd>
							<dd>
								<a href="/cases/list-10-1.html">外贸网站</a>
							</dd>
						</dl>
						<dl>
							<dt>
								服务范围
							</dt>
							<dd>
								<a href="service.html">空间域名</a>
							</dd>
							<dd>
								<a href="service.html">网站策划</a>
							</dd>
							<dd>
								<a href="service.html">网站建设</a>
							</dd>
							<dd>
								<a href="service.html">手机网站</a>
							</dd>
						</dl>
						<dl class="footer_dl2" style="width:340px;">
							<dt>
								联系我们
							</dt>
							<dd>
								<img src="images/xinlang.png" alt="网络官方微博" />
								<a href="http://weibo.com/szfangwei" rel="noFollow" target="_blank">官方微博: http://weibo.com/</a>
							</dd>
							<dd>
								<img src="images/mail.png" alt="网站建设咨询邮箱" />
								<a href="mailto:sales@szfangwei.cn">咨询邮箱：sales@123.cn</a>
							</dd>
							<dd>
								<img src="images/tel.png" alt="网站建设咨询电话" />咨询热线：0755-8268 9595
							</dd>
							<dd>
								<img src="images/weixin.png" alt="网站建设" />微信：网站建设
							</dd>
						</dl>
						<form method="post" action="/Feedback">
							<dl class="footer_dl3">
								<dt>
									给我们留言
								</dt>
								<dd>
									<input name="name" class="input" type="text" value="称呼（必填）" onFocus="if(this.value='称呼（必填）')this.value=''"
									 onBlur="if(this.value=='')this.value=='称呼（必填）'" />
								</dd>
								<dd>
									<input name="tel" class="input" type="text" value="电话（必填）" onFocus="if(this.value='电话（必填）')this.value=''"
									 onBlur="if(this.value=='')this.value=='电话（必填）'" />
								</dd>
								<dd>
									<textarea name="content" cols="" rows=""></textarea>
								</dd>
								<dd>
									<input type="image" alt="提交留言" src="images/submit_button.png" />
								</dd>
							</dl>
						</form>
						<div class="clear"></div>
					</div>
					<div class="link">
						友情链接：
						<a href="http://www.mountor.cn" target="_blank">网站设计</a>
						<a href="http://www.580jz.net/" target="_blank">商城网站建设</a>
						<a href="http://www.km-jz.cn" target="_blank">昆明网站建设</a>
						<a href="http://www.99seo.cn" target="_blank">合肥网站建设</a>
						<a href="http://www.ynhl.net" target="_blank">北京网站建设</a>
						<a href="http://www.zwzsh.net" target="_blank">上海网站建设</a>
						<a href="http://www.zhubajie.com/wzkf/" target="_blank">网站建设</a>
						<a href="http://www.zhuyun.cn" target="_blank">网店系统</a>
						<a href="http://www.wanhu.cn/" target="_blank">企业网站建设</a>
						<a href="http://www.yuanxp.com" target="_blank">都江堰网络公司</a>
						<a href="http://www.parabnet.com" target="_blank">南京网站建设</a>
						<a href="http://www.xw0371.com" target="_blank">郑州网站建设</a>
						<a href="http://www.thyoo.com" target="_blank">康辉国旅</a>
						<a href="http://www.shenzhenshiye.com" target="_blank">深圳包装设计公司</a>
						<a href="http://www.sino-web.net" target="_blank">网站建设公司</a>
						<a href="http://www.jxbh.cn" target="_blank">南昌网站建设</a>
						<a href="http://www.zysj360.com" target="_blank">北京网页设计</a>
						<a href="http://www.billionseo.com/" target="_blank">大连网站制作公司</a>
						<a href="http://www.weibug.com/" target="_blank">西部数码代理</a>
						<a href="http://www.gggooo.com/" target="_blank">网站托管</a>
						<a href="http://www.bluehost.com.cn/" target="_blank">bluehost</a>
						<a href="http://www.72en.net/" target="_blank">深圳网站建设</a>
						<a href="http://www.99seo.cn/" target="_blank">合肥网站建设</a>
						<a href="http://www.ft0451.cn/" target="_blank">哈尔滨网站建设</a>
						<a href="http://www.zzhpkj.com/" target="_blank">郑州网站建设公司</a>
						<a href="http://www.usa-idc.com/" target="_blank">香港服务器租用</a>
						<a href="http://www.csweimin.cn" target="_blank">长沙网站制作</a>
						<a href="http://www.2d2y.net/" target="_blank">深圳网站建设</a>
						<a href="http://www.nmgf.net" target="_blank">内蒙古网站建设</a>
						<a href="http://www.zjcoo.com" target="_blank">重庆网站建设</a>
						<a href="http://www.wangzhan360.com" target="_blank">北京制作网站</a>
						<a href="http://www.whsdgx.com" target="_blank">武汉网站建设</a>
						<a href="http://www.ihanshi.com" target="_blank">网站建设</a>
						<a href="http://host.zzidc.com" target="_blank">免费虚拟空间</a>
						<a href="http://www.tfxk.com " target="_blank">成都网站建设</a>
						<a href="http://www.hejun.com.cn" target="_blank">北京网站建设</a>
						<a href="http://www.wanyumi.com " target="_blank">域名注册</a>
						<a href="http://www.da-mai.com" target="_blank">网店托管</a>
						<a href="http://www.61916.com" target="_blank">深圳网站建设</a>
						<a href="http://www.ymars.com" target="_blank">长沙网站建设</a>
						<a href="http://www.hefeiidc.cn" target="_blank">合肥网站建设</a>
					</div>
				</div>
			</div>
			<div class="bottom">
				<div class="bottom_con">
					@2013 版权所有 深圳网络科技有限公司 地址：深圳市罗湖区春风路桂都大厦
					<a href="http://www.miitbeian.gov.cn" rel="noFollow" style="color:#666;">粤ICP备16465465456号-2</a>
				</div>
			</div>
    </footer> -->
  </body>
</html>

<!-- 模板一 -->
<script id="list" type="text/html">
  {{each data}}
  <!-- {{if $index==0}} -->
  <div class="slider-item item active">
    {{ $value.updateUserName }}
    <img alt="" style="width: 100%; height: 480px" src="{{$value.picPath}}" />
  </div>
  <!-- {{else}} -->
  <div class="slider-item item">
    <img
      alt=""
      style="width: 100%; height: 480px"
      src="images/1389083308.jpg"
    />
  </div>
  <!-- {{/if}} -->
  {{/each}}
</script>
<script>
  // 提交留言
  function submitMsg() {
    let userName = $("#userName").val().trim();
    let userMobile = $("#userMobile").val().trim();
    let leaveContent = $("#leaveContent").val().trim();
    if (userName == "") {
      $("#myModal").modal();
      $(".modal-body").text("您的称呼为必填项！");
      return;
    }
    if (userMobile == "") {
      $("#myModal").modal();
      $(".modal-body").text("您的手机号为必填项！");
      return;
    }
    let formData = {
      userName: userName,
      userMobile: userMobile,
      leaveContent: leaveContent,
    };
    $.ajax({
      //几个参数需要注意一下
      type: "post", //方法类型
      dataType: "json", //预期服务器返回的数据类型
      contentType: "application/json;charset=utf-8",
      url: ruiYou.saveLeave, //url
      data: JSON.stringify(formData),
      success: function (result) {
        console.log(result); //打印服务端返回的数据(调试用)
        if (result.code == 0) {
          $("#myModal").modal();
          $(".modal-body").text(result.message);
          // 清空表单
          $("#userName").val("");
          $("#userMobile").val("");
          $("#leaveContent").val("");
        }
      },
      error: function () {
        $("#myModal").modal();
        $(".modal-body").text(result.message);
      },
    });
  }
  function hideModal() {
    $("#myModal").modal("hide");
  }
</script>
